.box {
  width: 1155px;
  height: 760px;
  background-color: pink;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid gray;
  box-shadow: 0 0 10px gray;
}
.ltt {
  width: 8%;
  height: 100%;
  background-color: #2e2e2e;
  float: left;
  position: relative;
}
.ltt img {
  display: block;
  width: 45%;
  margin: 0 auto;
  margin-top: 20px;
  cursor: pointer;
  user-select: none;
}
.ltt .tx {
  border: 3px solid #bbb9b9;
  width: 70%;
  box-sizing: border-box;
  border-radius: 10px;
}
.ltt .sz {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.cy {
  width: 30%;
  height: 100%;
  background-color: #e8e6e6;
  float: left;
}
.cy .bt {
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #333;
  line-height: 60px;
  font-weight: 700;
}
.cy .heng {
  width: 88%;
  background-color: black;
  height: 1px;
  margin: 0 auto;
  opacity: 0.3;
}
.cy .cys {
  padding: 15px;
  box-sizing: border-box;
}
.cy .cys .fz {
  background-color: #c6c5c5;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 5px;
  float: left;
}
.cy .cys .fz .qtx {
  display: block;
  width: 20%;
  border-radius: 5px;
  float: left;
}
.cy .cys .fz p {
  float: left;
  margin-left: 8px;
  color: #333;
}
.cy .cys .fz p.qname {
  font-size: 20px;
  font-weight: 700;
  margin-top: 2px;
}
.cy .cys .fz p.jjie {
  font-size: 14px;
  margin-top: 10px;
  opacity: 0.6;
}
.zhukuang {
  width: 62%;
  height: 100%;
  background-color: #f5f5f5;
  float: left;
  position: relative;
  padding-bottom: 170px;
  box-sizing: border-box;
}
.zhukuang .top {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  position: relative;
}
.zhukuang .top .qun {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  float: left;
  width: 30px;
}
.zhukuang .top .top_z {
  float: left;
  line-height: 60px;
  font-size: 20px;
  font-weight: 700;
  text-indent: 55px;
  color: #333;
}
.zhukuang .top .xx {
  width: 30px;
  float: right;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  cursor: pointer;
}
.zhukuang .texta {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 170px;
  background-color: #fff;
  padding-top: 30px;
  box-sizing: border-box;
  overflow: hidden;
}
.zhukuang .texta .login {
  display: block;
  width: 100px;
  height: 50px;
  background-color: #129611;
  border-radius: 5px;
  text-align: center;
  line-height: 50px;
  color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.zhukuang .texta .bq {
  width: 20px;
  position: absolute;
  left: 10px;
  top: 5px;
  cursor: pointer;
}
.zhukuang .texta .lsjl {
  position: absolute;
  top: 5px;
  right: 10px;
  border: 1px solid #333;
  background-color: #fff;
  cursor: pointer;
  width: 60px;
  height: 20px;
}
.zhukuang .texta .lsjl:hover {
  color: #fff;
  background-color: #129611;
  border-color: #129611;
}
.zhukuang .texta textarea {
  outline: none;
  display: block;
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  width: 100% !important;
  box-sizing: border-box;
  font-size: 20px;
  font-family: '微软雅黑';
}
.zhukuang .texta .sed {
  position: absolute;
  bottom: 10px;
  right: 20px;
  width: 50px;
  border: 1px solid #333;
  background-color: #fff;
  cursor: pointer;
}
.zhukuang .texta .sed:hover {
  color: #fff;
  background-color: #129611;
  border-color: #129611;
}
.nr {
  width: 734px;
  height: 546px;
  overflow: scroll;
}
.nr .shangxian {
  width: 100%;
  float: left;
  position: relative;
}
.nr .shangxian p {
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  opacity: 0.6;
  line-height: 30px;
}
.nr .right {
  width: 100%;
  position: relative;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nr .right .nik {
  font-size: 12px;
  color: #333;
  position: absolute;
  right: 86px;
  top: 20px;
}
.nr .right .ntx1 {
  width: 70px;
  float: right;
  border-radius: 50%;
  margin-right: 10px;
}
.nr .right .qp1 {
  background-color: #9eea6a;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  top: 40px;
  margin-left: 10px;
  right: 83px;
}
.nr .left {
  width: 100%;
  position: relative;
  float: left;
  padding-top: 10px;
  padding-bottom: 10px;
}
.nr .left .nik {
  font-size: 12px;
  color: #333;
  position: absolute;
  left: 86px;
  top: 20px;
}
.nr .left .ntx2 {
  width: 70px;
  float: left;
  border-radius: 50%;
  margin-left: 10px;
}
.nr .left .qp2 {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  position: absolute;
  top: 40px;
  margin-right: 10px;
  left: 84px;
}
#yc {
  display: none;
}
